<template>
  <div class="floor">
    <div class="floor-btns">
      <van-button type="primary" size="large" class="floor-btns_btn">打开App领20元优惠券，手机下单更优惠</van-button>
      <van-button type="primary" size="large" class="floor-btns_btn">
        <i class="icon-wx"></i>
        关注微信公众号，更多惊喜
      </van-button>
    </div>
    <div class="floor-phone">
      <van-grid :border="false" :column-num="3">
        <van-grid-item>
          <i class="app" />
          <p class="mar-top">电脑版</p>
        </van-grid-item>
        <van-grid-item>
          <i class="h5" />
          <p>手机版</p>
        </van-grid-item>
        <van-grid-item>
          <i class="pc" />
          <p class="mar-top">客户端</p>
        </van-grid-item>
      </van-grid>
    </div>
    <div class="floor-web">
      <van-row style="floor-web_link">
        <van-col span="6">关于我们</van-col>
        <van-col class="b" span="6">资质证书</van-col>
        <van-col class="b" span="6">联系我们</van-col>
        <van-col class="b" span="6">意见反馈</van-col>
      </van-row>
      <van-row style="floor-web_link">
        <van-col span="6">网站地图</van-col>
        <van-col class="b" span="6">商品分类</van-col>
        <van-col class="b" span="6">下架商品</van-col>
        <van-col class="b" span="6">搜索导航</van-col>
      </van-row>
      <van-row style="floor-web_link">
        <van-col span="6">在售商品</van-col>
        <van-col class="b" span="6">药房联盟</van-col>
        <van-col class="b" span="6">医院大全</van-col>
        <van-col class="b" span="6">药厂地图</van-col>
      </van-row>
    </div>
    <div class="floor-text">
      <div class="floor-text_zz">
        <a href>ICP备案号：沪ICP备07012885号</a>
      </div>
      <div class="floor-text_zz">
        <a href>沪公网安备 31011502002155号</a>
      </div>
      <div class="floor-text_zz">
        <a href>（沪）网械平台备字[2018]第00001号</a>
      </div>
      <div class="floor-text_zz">
        <a href>增值电信业务经营许可证编号：沪B2-20170392</a>
      </div>
      <div class="floor-text_zz">
        <a href>互联网药品信息服务资格证编号：(沪)-经营性-2017-0003</a>
      </div>
      <div class="floor-text_zz">
        <a href>信息系统安全等级保护备案号：31011513002-19001</a>
      </div>
      <div class="floor-text_zz">
        <a href>营业执照</a>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.floor {
  margin-top: 26px;
  &-btns {
    padding: 0 20px;
    &_btn {
      font: 12px/40px "微软雅黑";
      border: 0;
      margin: 10px auto;
      background: #1fdb9b;
      color: #fff;
      border-radius: 0.22222222rem;
      height: 40px;
      .icon-wx {
        display: inline-block;
        background: url(../assets/img/weixin_ico.png) no-repeat;
        background-size: cover;
        width: 19px;
        height: 16px;
        margin-right: 3px;
      }
    }
  }
  &-phone {
    padding: 0 40px;
    color: #333;
    .app {
      background: url(../assets/img/app.png) no-repeat;
      background-size: cover;
      width: 53px;
      height: 53px;
    }
    .h5 {
      background: url(../assets/img/h5.png) no-repeat;
      background-size: cover;
      width: 69px;
      height: 69px;
    }
    .pc {
      background: url(../assets/img/pc.png) no-repeat;
      background-size: cover;
      width: 53px;
      height: 53px;
    }
    .mar-top {
      margin-top: 10px;
      color: #aaa;
    }
  }
  &-web {
    padding: 0 32px;
    color: #999;
    text-align: center;
    font-size: 14px;
    /deep/.van-row {
      margin-bottom: 15px !important;
    }

    .b {
      border-left: 1px solid #999;
    }
  }
  &-text {
    text-align: center;
    font: 12px/22px "微软雅黑";
    &_zz {
      a {
        color: #aaa;
      }
    }
  }
  padding-bottom:40px 
}
</style>